<nav class="nav">
  <div class="nav-container">
    <a href="{{ site.baseurl }}/">
      <h2 class="nav-title">{{ site.title }}</h2>
    </a>

    <ul>
      {%- for page_name in site.nav_page_names -%}
        {%- for page in site.pages -%}

          {%- if page.title and page.name == page_name -%}

            <li class='nav-item' role='presentation'>
              <a class='nav-link' href='{{ page.url | prepend: site.baseurl }}'>{{ page.title }}</a>
            </li>

          {%- endif -%}

        {%- endfor -%}
      {%- endfor -%}

      {% if site.nav_feed == 'feeds.pub' %}
        <li class='nav-item hidden-mobile' role='presentation'>
          <a class='nav-link' href="https://feeds.pub/feed/https%3A%2F%2Fhutusi.com%2Ffeed.xml" target='_blank'><div class="center"><img src="https://img.shields.io/badge/dynamic/json?label=follow&query=%24.data.feed.followerCount&url=https%3A%2F%2Fapi.feeds.pub%2Fgraphql%3Fquery%3Dquery%2520feed%28%2524id%253A%2520String%21%29%257B%2520feed%28id%253A%2520%2524id%29%2520%257B%2520followerCount%2520%257D%2520%257D%26variables%3D%257B%2522id%2522%253A%2520%2522https%3A%2F%2Fhutusi.com%2Ffeed.xml%2522%257D%26operationName%3Dfeed&style=social&logo=" alt="Follow on Feeds Pub"/></div></a>
        </li>
      {% elsif site.nav_feed == 'xml' %}
        <li class='nav-item hidden-mobile' role='presentation'>
          <a class='nav-link' href='{{ site.baseurl }}/feed.xml' target='_blank'>Feed</a>
        </li>
      {% endif %}
    </ul>
  </div>
</nav>
